import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'recommend',
    component: () => import('../components/Home/index.jsx')
  },
  {
    path: '/singer',
    name: 'singer',
    component: () => import('../components/Singer/index.jsx')
  },
  {
    path: '/singer/detail/:id',
    name: 'singerDetail',
    component: () => import('../components/Singer/Detail/index.jsx')
  },
  {
    path: '/rank',
    name: 'rank',
    component: () => import('../components/Rank/index.jsx')
  }
]

export default new createRouter({
  history: createWebHistory('/'),
  routes
})